@import "@/styles/__index.less";

.guest-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;

  .item {
    flex: 1;
    border: 2px solid #2D69B740;
    border-radius: 10px;
    background-color: #16283E40;
    box-shadow: inset 0 0 20px #4f83d1;
    padding: 16px 0 16px 20px;

    &.active{
      background: #2F598970;
    }
    .title {
      font-family: SourceHanSansSC-Bold;
      font-size: 16px;
      width: 100%;
      margin-top: 4px;
      font-weight: bold;
      display: flex;
      align-items: center;

      &::before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 16px;
        margin-right: 6px;
        background: linear-gradient(0deg, var(--bgColor) 0%, #FFFFFF 100%);
        border-radius: 3px;
      }
    }

    .info{
      font-size: 14px;
      .num{
        width: 196px;
        display: inline-block;
        text-align: center;
        font-size: 25px;
        background: linear-gradient(#ffffff, #edae43);
        font-family: pmzd;
        line-height: 1.15em;
        color: transparent !important;
        background-clip: text;
        -webkit-background-clip: text;
      }
    }
    //width: 100%;
    //height: 100%;
  }
}
